import { defineStore } from "pinia";

// 创建store,命名规则： useXxxxStore
export const useCounterStore = defineStore("counter", {
  // 相当于 vue2 中的data
  state() {
    return {
      count: 10,
    };
  },

  // 相当于 vue2 中的 computed
  getters: {
    double() {
      return this.count * 2;
    },
  },

  // 相当于 vue2 中的 methods
  actions: {
    add() {
      this.count++;
    },
    addNum(val) {
      this.count += val;
    },
    addNumAsync(val) {
      setTimeout(() => {
        this.count += val;
      }, 2000);
    },
  },
});
